<div class="row" ng-init="$ctrl.init()">
    <input type="hidden" value="{{$ctrl.type}}/{{$ctrl.folder}}" class="folder-val" />
    <div class="mb-3 col-12">
        <input type="text" placeholder="https://your-image-url..." ng-model="$ctrl.src"
            ng-change="$ctrl.srcUrl = $ctrl.src" class="form-control" />
    </div>
    <div class="mb-3 col-12">
        <div class="custom-file">
            <!-- <input type="file" class="custom-file-input" id="customFile"> -->
            <input id="{{$ctrl.id}}" type="file" name="pic" ngf-select="$ctrl.selectFile($files)"
                data-files="file.files" class="form-control hidden" />
            <!-- <label class="custom-file-label" for="{{$ctrl.id}}">Or choose file...</label> -->
        </div>
    </div>
    <div class="mb-3 col-12 text-end hidden">
        <button type="button" ng-if="$ctrl.canUpload" ng-click="$ctrl.save({viewmodel: $ctrl.data})"
            class="btn btn-primary btn-block px-4">
            <span class="fa fa-file-upload"></span>
            Upload
        </button>
    </div>
</div>